/*
 	侧边栏
 * */
#fixed-aside-wrap {
	/*display: none;*/
	position: fixed;
	width: 44px;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 20100000;
}
#fixed-aside-wrap.hasActive {
	width: 284px;
}
#fixed-aside-wrap .fixed-aside-left {
	position: relative;
	float: left;
	width: 44px;
	height: 100%;
	left: 0;
	top: 0;
	background: #383838;
	z-index: 20100000;
}
.fixed-aside {
	position: absolute;
	left: 0;
	top: 50%;
	width: 44px;
	margin-top: -196px;
	z-index: 20600000;
}
.fixed-aside div {
	padding: 3px 0;
	height: 40px;
	margin-top: 10px;
}
.fixed-aside div.active,
.fixed-aside div:hover {
	background: #EB6120;
}
.aside_top {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 44px;
	height: 40px;
}
.aside_top:hover {
	background: #EB6120;
}
.fixed-aside a {
	display: block;
	width: 44px;
	height: 40px;
}
.aside_top a {
	display: block;
	width: 44px;
	height: 40px;
	background: url(../img/toTop.png) no-repeat center;
}
.aside_personal a {
	background: url(../img/personal.png) no-repeat center;
}
.aside_attention a {
	background: url(../img/attention.png) no-repeat center;
}
.aside_footer a {
	background: url(../img/footer.png) no-repeat center;
}
.aside_calculator a {
	background: url(../img/calculator.png) no-repeat center;
}
.aside_app a {
	background: url(../img/app.png) no-repeat center;
}
.aside_im a {
	background: url(../img/im.png) no-repeat center;
}
.aside_yjfk a {
	background: url(../img/yjfk.png) no-repeat center;
}
/*隐藏样式*/
.aside_app .fixed_app_wrap_aside {
	display: none;
    position: absolute;
    right: 44px;
    padding: 10px;
    height: 160px;
    margin-top: -170px;
    z-index: 19000000;
    background: #eb6120;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.fixed_app_wrap_aside .fixed_app {
	height: 170px;
	padding: 0;
	margin: 0;
}
.fixed_app_wrap_aside .fixed_app h3 {
	color: #fff;
}
.fixed_app_wrap_aside .app_tip {
	display: none;
}
.fixed_app h3 {
    font-size: 12px;
    line-height: 20px;
    color: #333;
    text-align: center;
    font-family: "Microsoft YaHEI","Arial";
}
.fixed_app img {
	width: 112px;
	height: 112px;
	margin-bottom: 10px;
}
.aside_im .fixed-mobile {
	display: none;
	position: absolute;
	padding: 0;
	margin-top: 0px;
	top: 0;
	right: 44px;
	width: 0;
	height: 46px;
    color: #fff;
    background-color: #eb6120;
    text-align: center;
    z-index: -1;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.aside_im a {
	position: relative;
	z-index: 21000000;
}
.fixed-mobile .fiexd-mobile-title {
	font-size: 16px;
	line-height: 26px;
	height: 26px;
	display: block;
}
.fixed-mobile p {
	font-size: 14px;
	line-height: 20px;
	height: 20px;
}
/*右侧样式*/
#fixed-aside-wrap .fixed-aside-right {
	position: relative;
	float: left;
	width: 240px;
	height: 100%;
	left: 0;
	top: 0;
	background: #F2F2F2;
	z-index: 20100000;
}
#fixed-aside-wrap .fixed-aside-right .fixed-aside-loding {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/loading/loading.gif) no-repeat center;
	z-index: 99999999;
}
.fixed-aside-right h2 {
	position: relative;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #333;
	font-family: MicrosoftYaHei;
	
}
.fixed-aside-right h2 .aside-closed {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAMAAAB8rpxtAAAAM1BMVEUAAACVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZVb4IP9AAAAEXRSTlMA53g60seaIwoGq6mTaklEHIyiNFAAAAA5SURBVAjXXcxJCgAwCEPRdLZz73/aIgqCf/F2CeoFoCKFpnI7k8rVYaKXqHIxi/7ihSP6xZomEpkfarEBd1PNlhIAAAAASUVORK5CYII=') no-repeat center;
	cursor: pointer;
}
.fixed-aside-right .aside-right-con {
	overflow: hidden;
}
.aside-right-item {
	margin-bottom: 14px;
	height: 96px;
	background: #fff;
}
.aside-right-item a {
	display: block;
	padding: 14px;
	width: 212px;
	height: 68px;
	overflow: hidden;
}
.aside-right-item .item-l {
	float: left;
	width: 90px;
	height: 68px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 10px;
}
.aside-right-item .item-l img {
	width: 90px;
	height: 68px;
	transition: all 0.6s;
}
.aside-right-item:hover .item-l img {
	transform: scale(1.1);
}
.aside-right-item .item-r {
	float: left;
	width: 112px;
	overflow: hidden;
}
.aside-right-item .item-r h3 {
	width: 112px;
	height: 14px;
	line-height: 1;
	font-size: 14px;
	color: #333;
	font-family: "Microsoft YaHEI","Arial";
}
.aside-right-item:hover .item-r h3 {
	color: #EB6120;
	font-weight: 600;
	font-family: "Microsoft YaHEI","Arial";
}
.aside-right-item .item-r .item-price {
	margin-top: 10px;
	height: 14px;
	font-size: 14px;
	line-height: 1;
	color: #FF4E49;
}
.aside-right-item .item-r .item-tip-wrap {
	margin-top: 10px;
	height: 20px;
	overflow: hidden;
}
.item-tip-wrap .item-tip {
	float: left;
	padding: 0 3px;
	height: 20px;
	line-height: 20px;
	background: #f2f2f2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	color: #666;
	margin-right: 6px;
}
.aside-right-con .item-noMore {
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.aside-right-con .item-getMore {
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.aside-right-con .item-getMore a {
	color: #333;
}
.aside-right-con .item-getMore:hover a {
	color: #eb6120;
}
/*
 	登录框
 * */
#fixed_login_wrap {
	display: none;
	position: fixed;
	width: 340px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #e8e8e8;
	box-shadow: 0px 2px 4px 0px #ccc;
	z-index: 11100000;
}
#fixed_login_wrap .fixed_login {
	width: 315px;
}
.login-head {
	font-size: 16px;
	font-family: "Microsoft YaHEI","Arial";
	color: #333;
	position: relative;
	background: #fafafa;
	border-bottom: 1px solid #e8e8e8;
}
.login-head div {
	float: left;
	margin: 0 10px 0 30px;
	height: 48px;
	line-height: 48px;
	position: relative;
	cursor: pointer;
}
.login-head div.active {
	font-weight: 600;
}
.login-head div.active em {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: #EB6120;
}
.login-head .login_closed {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 12px;
	height: 12px;
	cursor: pointer;
	background: url('../img/login_colse.png') no-repeat center;
}
.error-tip {
	display: none;
	margin: 10px 20px 0;
	height: 22px;
	background-color: #ffebeb;
	border: solid 1px #f9ccc7;
	font-size: 12px;
	line-height: 22px;
	color: #e13b41;
}
.error-tip .error_icon {
	vertical-align: top;
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../img/error_icon.png) no-repeat center;
}
.login_body {
	margin-top: 40px;
	padding: 0 20px;
}
.login_body .item_form {
    margin-bottom: 20px;
    position: relative;
    width: 298px;
	height: 40px;
	background-color: #fff;
	border-radius: 4px;
	border: solid 1px #e8e8e8;
	font-size: 14px;
	overflow: hidden;
}
.login_body .item_form .name_icon {
	float: left;
	width: 40px;
	height: 40px;
}
.login_body .item_form .input-text {
	float: left;
	width: 220px;
	height: 40px;
	line-height: 40px;
	color: #333;
}
.login_body .item_form .input_clear {
	display: none;
	float: right;
	width: 18px;
	height: 18px;
	line-height: 18px;
	background: #e8e8e8;
	margin: 11px 10px 0 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-family: "Microsoft YaHEI","Arial";
	text-align: center;
	color: #ccc;
	font-size: 16px;
	cursor: pointer;
}
.mobile_login,
.id_login {
	margin-bottom: 25px;
}
.id_login .lose_pass {
	height: 12px;
	line-height: 12px;
	margin-bottom: 15px;
	text-align: right;
	overflow: hidden;
}
.id_login .lose_pass a {
	float: right;
	color: #666;
}
#mobile_login_btn,
#id_login_btn {
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	display: block;
	background-color: #eb6120;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.login-avatar {
	background: url(../img/login_avatar.png) no-repeat center;
}
.icon-password {
	background: url(../img/login_password.png) no-repeat center;
}
.icon_mobile {
	background: url(../img/login_mobile.png) no-repeat center;
}
.login_bottom {
	padding: 0 20px;
	overflow: hidden;
	margin-bottom: 25px;
}
.other-logo {
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}
.other-logo a {
	display: inline-block;
	width: 26px;
	height: 20px;
	margin-right: 5px;
	vertical-align: top;
}
.addOur {
	float: right;
}
.addOur a {
	color: #666;
}
.login-weiwin {
	background: url(../img/login_wx.png) no-repeat center;
}
.login-weibo {
	background: url(../img/login_wb.png) no-repeat center;
}
.login-qq {
	background: url(../img/login_qq.png) no-repeat center;
}
.mobile_wrap .code_wrap input.input-text {
	width: 140px;
}
.message-code-wrap {
	float: right;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #f2f2f2;
	border-radius: 0px 4px 4px 0px;
}
.message-code-wrap a {
	display: block;
	color: #333;
}
/*个人中心*/
.personal-wrap {
	height: 225px;
	overflow: hidden;
}
.personal-wrap .personal-info {
	padding: 15px;
	height: 64px;
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
}
.personal-info .info-left {
	float: left;
	width: 64px;
	height: 64px;
	margin-right: 10px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.personal-info .info-left a {
	display: block;
	width: 64px;
	height: 64px;
	position: relative;
}
.personal-info .info-left a span {
	display: none;
	position: absolute;
	width: 64px;
	height: 64px;
	background: #d1d1d1;
	background: rgba(0,0,0,.3);
	line-height: 64px;
	text-align: center;
	color: #fff;
}
.personal-info .info-left a:hover span {
	display: block;
}
.info-left img {
	width: 64px;
	height: 64px;
}
.personal-info .info-right {
	float: left;
	width: 120px;
	height: 64px;
}
.info-right div {
	font-size: 14px;
	line-height: 30px;
	color: #999;
}
.info-right .per-name {
	color: #333;
}
.per-tikket-wrap {
	padding: 18px 0;
	height: 44px;
	overflow: hidden;
	background: #fff;
}
.per-tikket-wrap .tik-left {
	display: block;
	float: left;
	width: 115px;
	height: 44px;
	font-family: "Microsoft YaHEI","Arial";
	border-right: 1px solid #e8e8e8;
}
.per-tikket-wrap .tik-title {
	font-size: 14px;
	line-height: 1;
	height: 14px;
	color: #333;
	text-align: center;
}
.tik-con {
	padding-left: 20px;
}
.tik-con .con-left {
	float: left;
	margin-left: 5px;
	width: 30px;
	height: 30px;
	background: url(../img/home_hb.png) no-repeat center;
}
.tik-con .rCon-left {
	float: left;
	width: 30px;
	height: 30px;
	background: url(../img/home_yhq.png) no-repeat center;
}
.tik-right {
	float: left;
	display: block;
	width: 115px;
	height: 44px;
}
.tik-con .rCon-right, 
.tik-con .con-right {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-left: 10px;
	font-size: 12px;
	color: #999;
}
.tikNum {
	font-size: 18px;
	color: #eb6120;
}
.guess-like {
	margin: 0 15px;
	position: relative;
	height: 50px;
	line-height: 50px;
}
.guess-like em {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #e8e8e8;
	left: 0;
	top: 50%;
}
.guess-like .like-title {
	text-align: center;
	width: 80px;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #333;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -40px;
	overflow: hidden;
	background: #f2f2f2;
}
